*{
    margin: 0px;
    padding:0px;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
body{
    min-width: 320px;
    line-height: 1.5;
    color: #333333;
    font-family: Arial, Helvetica, STHeiTi, sans-serif;
    background: #f2f2f2;
}

/* html {
    font-size: 50px;
} 
@media screen and (min-width: 320px){
    html {
        font-size: 21.333333333333332px;
    }
}
@media screen and (min-width: 360px){
    html {
        font-size: 24px;
    }
}
@media screen and (min-width: 375px){
    html {
        font-size: 25px;
    }
}
@media screen and (min-width: 384px){
    html {
        font-size: 25.6px;
    }
}

@media screen and (min-width: 400px){
    html {
        font-size: 26.666666666666668px;
    }
}

@media screen and (min-width: 414px){
    html {
        font-size: 27.6px;
    }
}
@media screen and (min-width: 424px){
    html {
        font-size: 28.266666666666667px;
    }
}
@media screen and (min-width: 480px){
    html {
        font-size: 32px;
    }
}
@media screen and (min-width: 540px){
    html {
        font-size: 36px;
    }
}

@media screen and (min-width: 720px){
    html {
        font-size: 48px;
    }
}


@media screen and (min-width: 750px){
    html {
        font-size: 50px;
    }
} */
